.markdown-body {
    ::selection {
        background: #dce3ea;
    }

    img {
        vertical-align: middle;
    }

    & {
        padding: 1vh 1vw;
        background: #fff;
        overflow: auto;
        box-shadow: 0.2rem 0.2rem 1rem #ddd;
    }

    code {
        background: #eee;
    }

    table {
        margin: auto;
        table-layout: fixed
    }

    table td {
        padding: 0.06em 0.12em;
    }

    blockquote {
        position: relative;
    }

    pre {
        padding: 0 ! important;
        border-radius: 0.5rem ! important;
        overflow: none ! important;
        box-shadow: 1px 1px 1rem #ddd;
    }

    thead tr {
        background: #f6f8fa !important;
    }

    .code_wrap {
        position: relative;

        .code-block-header {
            position: absolute;
            width: 100%;
            z-index: 2;

            span {
                white-space: nowrap;
            }
        }

        pre {
            padding: 1rem !important;
            padding-top: 2rem !important;
        }
    }

    .code-block-header {
        border-radius: 0.5rem 0.5rem 0 0;
        text-align: right;
        background: #00000012;
        padding: 0.2em 1em;
        position: relative;
        box-shadow: 1px 1px 1rem #ffffff11;
    }

    .code-block-header * {
        font: 100 1rem auto;
        color: #b3b3b3;
    }

    .code-block-header div {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-left: 1em;
    }

    .code-block-header div>span {
        display: block;
        position: relative;
    }

    .code-block-header div>span:first-child {
        position: absolute;
        cursor: default;
        top: -100%;
        opacity: 0;
        color: #65a665;
    }

    .code-block-header div>span:hover:last-child {
        color: #b3b;
    }

    #head_links {
        display: flex;
        justify-content: space-between;
    }

    .mark {
        font-size: 0.7em !important;
        vertical-align: top;
    }

    #content-block {
        max-width: 90vw;
        min-width: 24rem;
        margin: 0 auto;
    }
}

.md_topic_wrap {
    cursor: default;
    position: relative;
    border: dashed 1px transparent;
    margin-bottom: 2rem;

    li {
        list-style-type: none;

        a {
            color: #06ad7b;
        }
    }


    &:hover {
        border: 1px solid #ddd;
    }

}